<!--header-->
<!--<header class="bar bar-nav thame-danger">-->
    <!--<span class="icon icon-left pull-left backPage"></span>-->
    <!--<h1 class="title">火车票</h1>-->
<!--</header>-->

<!-- content Begin -->
<div class="content" style="background-color:#FFF;margin-bottom: 2.2rem;">
    <!--banner Begin-->
    <div class="banner">
        <!--swipe Begin-->
        <div id='swiper' class='swipe'>
            <div class="swipe-wrap"></div>
        </div>

        <!--tab begin-->
        <!--<div class="tab-wrap" id="tabWrap" data-skew="0">
            <div class="row">
                <div class="col-50">单程</div>
                <div class="col-50">返程</div>
            </div>
            &lt;!&ndash;skew&ndash;&gt;
            <div class="skew" id="tabWrapSkew"></div>
        </div>-->

    </div>

    <!--content-wrap begin-->
    <div class="content-wrap">
        <ul>
            <li class="content-wrap-text">
                <span>出发地</span>
                <span>目的地</span>
            </li>
            <li class="content-wrap-cell" id="city"></li>
            <li class="content-wrap-cell">
                <input class="input-date" id="starDateVal" type="date" value="">
                <span class="input-text text-orange" id="startDateTxt">今天</span>
            </li>
            <li class="content-wrap-cell" style="display: none">
                高铁 / 动车
                <label class="label-switch">
                    <input type="checkbox" id="highMotor">
                    <div class="checkbox"></div>
                </label>
            </li>
            <li>
                <div class="button-item pt pb">
                    <a class="button button-fill button-warning external" id="queryBtn">查询</a>
                </div>
            </li>
        </ul>
    </div>
</div>

<!--nav-->
<nav class="bar bar-tab">
    <a class="tab-item external active" href="javascript:;">
        <span class="icon icon-home"></span>
        <span class="tab-label">首页</span>
    </a>
    <a class="tab-item external" id="userCenter" href="javascript:;">
        <span class="icon icon-me"></span>
        <span class="tab-label">用户中心</span>
    </a>
    <a class="tab-item external" id="customerService" href="javascript:;">
        <span class="icon icon icon-phone"></span>
        <span class="tab-label">客服服务</span>
    </a>
</nav>